<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>煤炭管理系统</title>
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <link rel="stylesheet" href="/lib/layui/css/layui-theme-custom.css">
    <link rel="stylesheet" href="/static/css/member.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <#include "/base/main-header.ftl">

    <#include "/base/main-left.ftl">
    <div class="layui-body">
        <!-- 内容主体区域  -->
        <div class="site-title">
            <fieldset>
                <legend>
                    <a class="site-title-text">基本信息</a>
                </legend>
            </fieldset>
        </div>
        <div class="table-box">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label label-width">交易合同编号：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="" required autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label label-width">签署日期：</label>
                        <div class="layui-input-inline">
                            <input type="date" name="" required autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label label-width">采购方名称（甲方）：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="" required autocomplete="off" class="layui-input" value="济南电力集团" disabled>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label label-width">供应商名称（乙方）：</label>
                        <div class="layui-input-inline">
                            <select name="gongyingYi">
                                <option value="">/</option>
                                <option value="dadan" selected="">大丹电厂</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label label-width">运输方式：</label>
                        <div class="layui-input-inline">
                            <select name="yunshu">
                                <option value="" selected="">/</option>
                                <option value="train">铁路</option>
                                <option value="highway">公路</option>
                                <option value="waterage">水运</option>
                                <option value="oceanShipping">海运</option>
                                <option value="belt">皮带</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label label-width">验收方式：</label>
                        <div class="layui-input-inline">
                            <select name="yanshou">
                                <option value="" selected="">/</option>
                                <option value="daochang">到厂验收</option>
                                <option value="daochangsan">到厂第三方验收</option>
                            </select>

                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label label-width">交货开始时间：</label>
                        <div class="layui-input-inline">
                            <input type="date" name="" required autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label label-width">交货结束时间：</label>
                        <div class="layui-input-inline">
                            <input type="date" name="" required autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
            </form>
            <form action="">
                <table class="layui-hide" id="approvalRecord"></table>
                <table class="layui-table" lay-size="lg">
                    <col width="150px">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>煤种</th>
                        <th>采购数量（万吨）</th>
                        <th>热卡值</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>
                            <div class="layui-input-inline">
                                <select name="meizhong">
                                    <option value="">/</option>
                                    <option value="yan" selected="">烟煤</option>
                                    <option value="wuyan">无烟煤</option>
                                    <option value="he">褐煤</option>
                                    <option value="pinshou">贫瘦煤</option>
                                    <option value="otheryan">其他</option>
                                </select>
                            </div>

                            <div class="layui-input-inline">
                                <select name="yuanmei">
                                    <option value="">/</option>
                                    <option value="yuanmei" selected="">原煤</option>
                                    <option value="hun">混煤</option>
                                    <option value="zhong">中煤</option>
                                    <option value="meini">煤泥</option>
                                    <option value="otheryuan">其他</option>
                                </select>
                            </div>
                        </td>
                        <td>
                            <div class="layui-input-inline">
                                <input type="number" name="" id="" autocomplete="off" class="layui-input">
                            </div>
                        </td>
                        <td>
                            <div class="layui-input-inline">
                                <input type="number" name="" id="" autocomplete="off" class="layui-input">
                            </div>
                        </td>
                        <td><a href="">删除</a></td>
                    </tr>
                    <tr>
                        <td>合同附件 ：</td>
                        <td colspan="9">
                            <div class="layui-upload">
                                <button type="button" class="layui-btn layui-btn-normal" id="test8">选择文件</button>
                                <button type="button" class="layui-btn" id="test9">开始上传</button>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <br>

                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label label-width">备注：</label>
                    <div class="layui-input-block">
                        <textarea placeholder="请输入内容" class="layui-textarea area-width"></textarea>
                    </div>
                </div>
            </form>
        </div>
        <br><br>

        <div style="text-align:center">
            <a href=""><button type="submit" class="layui-btn layui-btn-radius">提交</button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href=""><button type="reset" class="layui-btn layui-btn-radius layui-btn-primary">重置</button></a>
        </div>
        <br><br><br>
    </div>
    <#include "/base/main-footer.ftl">
</div>

<script src="/static/lib/layui/layui.js"></script>
<script>
    layui.use(['layer', 'form', 'element', 'jquery','table','upload'], function () {
        let layer = layui.layer, form = layui.form, $ = layui.jquery,table=layui.table,upload = layui.upload;

        //选完文件后不自动上传
        upload.render({
            elem: '#test8'
            ,url: '/upload/'
            ,auto: false
            ,accept: 'file'
            //,multiple: true
            ,bindAction: '#test9'
            ,done: function(res){
                console.log(res)
            }
        });

    });
</script>
</body>
</html>